/**
 * @file index.css
 * @author swan
 */
.wrap {
    padding-bottom: 0;
    line-height: 0;
}
.content-header {
    height: 36.23rpx;
    margin-top: .2rem;
    border-top-left-radius: 18.12rpx;
    border-top-right-radius: 18.12rpx;
    background-color: #fff;
}
.content-container {
    padding: 19.93rpx 0 39.86rpx;
    color: #000;
    background-color: #fff;
    margin-bottom: 30px;
}
.content-container .content-title,
.content-container .content-desp,
.content-container .detail-quote,
.content-container .detail-title,
.content-container .detail-p {
    margin-right: 30.8rpx;
    margin-left: 30.8rpx;
}
.content-loading {
    height: 100vh;
}
.content-container-ipx {
    padding-bottom: 60.39rpx;
}
.content-title {
    font-size: 43.48rpx;
    font-weight: 600;
    line-height: 65.22rpx;
}
.content-desp {
    display: flex;
    height: 65.82rpx;
    margin-top: 43.48rpx;

    align-items: center;
}
.author-detail {
    display: flex;
    margin-right: 30.8rpx;

    flex: 1 0 auto;
    order: 1;
}
.author-avator {
    width: 62.81rpx;
    height: 62.81rpx !important;
    border: .6rpx solid rgba(0, 0, 0, .2);
    border-radius: 50%;
}
.author-other {
    display: flex;
    flex-direction: column;
    margin-left: 14.49rpx;

    justify-content: space-between;
}
.author-name {
    overflow: hidden;
    font-size: 28.99rpx;
    line-height: 32rpx;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.publish-date {
    overflow: hidden;
    font-size: 21.74rpx;
    line-height: 23.55rpx;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #999;
}
.follow-btn {
    width: 103.26rpx;
    height: 50.72rpx;
    margin: 0;
    padding: 0;
    font-size: 23.55rpx !important;
    line-height: 23.55rpx !important;
    white-space: nowrap;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    order: 2;
}
swan-button[loading="true"]:before {
    margin-left: 12px;
}
.content-detail {
    margin-top: 54.35rpx;
}
.detail-quote {
    margin: 26.27rpx 0;
}
.detail-img {
    margin: 44.38rpx 0;
}
.detail-quote + :not(.detail-p),
.detail-img + :not(.detail-p) {
    margin-top: 36.23rpx;
}
.detail-p {
    font-size: 34.42rpx;
    line-height: 54.35rpx;
    letter-spacing: 1.71rpx;
}
.detail-p + .detail-p {
    margin-top: 45.29rpx;
}
.detail-title {
    margin: 55.86rpx 0;
    font-size: 34.42rpx;
    font-weight: 600;
    line-height: 1;
}
.detail-title text {
    padding-left: 10.87rpx;
}
.detail-title:before {
    content: " ";
    display: inline-block;
    width: 7.25rpx;
    height: 30.8rpx;
    background-color: #3c76ff;
    transform: translateY(1.81rpx);
}
:not(.detail-p) + .detail-title,
.detail-title + :not(.detail-p) {
    margin-top: 65.22rpx;
}
.detail-img image {
    width: 100%;
}
.top-view {
    transition: opacity .5s ease;
}
.top-view-show {
    opacity: .9;
}
.top-view-hide {
    opacity: 0;
}

.list-after {
    height: 200rpx;
}

.tip {
    font-size: .3rem;
    line-height: .3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.comment-list-item .right {
    line-height: 1;
}

.view-show {
    display: block;
}
.view-hide {
    display: none;
}

.smt-card-area {
    margin: 25.362rpx 0 72.464rpx;
    background: #fff;
}
.area-content {
    height: 100vh;
}